<template>
  <view>
    <HeaderNavTabarVue  title="参与人详情"  />
    <view class="list-person" v-for="(item, index) in personList" :key="index">
      <view class="list-left">
        <image :src="baseUrl+item.avatar" v-show="item.avatar"></image>
        <image :src="moren" v-show="!item.avatar"></image>
        <view class="list-column">
          <view class="top-txt">{{ item.nickName }}</view>
          <view class="bottom-txt">{{ item.deptName }}</view>
        </view>
      </view>
      <view></view>
    </view>
  </view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import HeaderNavTabarVue from '@/components/HeaderNavTabar/HeaderNavTabar.vue'
import moren from '@/static/icon/tongxunlu/moren.png'

import config from '@/config'
const baseUrl = config.baseUrl
const personList = ref(null)
onLoad((v) => {
  personList.value = JSON.parse(decodeURIComponent(v.item))
  console.log(personList.value)
})
</script>

<style scoped lang="scss">
@import '/static/style/index.scss';

.list-person {
  @include flex($align: center, $justify: space-between);
  background-color: #fff;
  padding: 10rpx;
  .list-left {
    @include flex($align: center);

    image {
      width: 80rpx;
      height: 80rpx;
      border-radius: 50%;
      margin-right: 15rpx;
    }

    .list-column {
      @include flex($flex-column: column);
    }
  }
}
</style>
